<template>
    <view class="xilu">
        <mescroll-body ref="mescrollRef" :fixed="false" @init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption" :up="upOption">
            <!--  -->
            <Trends :trends="trends" @togglesRec="togglesRec" @togglesCollect="togglesCollect" @comment="comment"
                @previewImg="previewImg" :personal="false">
            </Trends>
        </mescroll-body>
    </view>
</template>

<script>
    // 引入mescroll-mixins.js
    import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
    import Trends from "@/components/trends/trends.vue";
    export default {
        mixins: [MescrollMixin], // 使用mixin
        components: {
            Trends,
        },
        data() {
            return {
                trends: [{
                        id: 1,
                        avatar: "../../static/images/goods.png",
                        name: "哇哇的二手闲置",
                        time: "两小时前",
                        focus: false,
                        description: "再大的愿景都是从小处着手，越大的图越要从小处搞，越小的东西越要从大处着眼",
                        imgList: ["../../static/images/goods.png", "../../static/images/goods.png",
                            "../../static/images/goods.png",
                        ],
                        collect: 261,
                        collected: false,
                        comment: 99,
                        recommend: 76,
                        recommended: false
                    },
                    {
                        id: 2,
                        avatar: "../../static/images/goods.png",
                        name: "哇哇的二手闲置",
                        time: "两小时前",
                        focus: true,
                        description: "再大的愿景都是从小处着手，越大的图越要从小处搞，越小的东西越要从大处着眼",
                        imgList: ["../../static/images/goods.png", "../../static/images/goods.png",
                            "../../static/images/goods.png",
                        ],
                        collect: 261,
                        collected: true,
                        comment: 99,
                        recommend: 76,
                        recommended: true
                    }
                ]
            };
        }
    }
</script>

<style lang="scss" scoped>

</style>
